.page {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--themeBgColor);

    .nav {
        width: 100vw;
        background-color: #fff;
    }
}

.content {
    margin-top: 50rpx;

    .item {
        width: 500rpx;
        padding: 80rpx 50rpx;
        margin: 80rpx 0;
        background-color: #fff;
        display: flex;
        // justify-content: space-between;
        justify-content: space-around;
        align-items: center;
        border-radius: 20rpx;
        box-shadow: 2rpx 2rpx 15rpx 0 #dddddd;



        .left {
            color: #5d86f7;
            font-size: 100rpx;

            .txt {
                color: #5d86f7;
                font-size: 100rpx;
            }
        }

        .right {
            font-size: 30rpx;
            display: flex;
            flex-direction: column;

            .tip {
                font-size: 34rpx;
                color: #111;
                font-weight: 600;
                margin-bottom: 10rpx;
            }
        }
    }
}

.footer {
    position: absolute;
    bottom: 150rpx;

    .btn {
        width: 600rpx;
        height: 90rpx;
        font-size: 30rpx;
        color: #fff;
        // margin-top: 100rpx;
        // margin-bottom: 60px;
        border-radius: 20rpx;
    }
}